/* Utils */
.rel { position: relative; }
.abs { position: absolute; }
.oh { overflow: hidden; }
.fr { float: right; }
.fl { float: left; }
.hide { display: none ; }
.tc { text-align: center !important; }
.tr { text-align: right !important; }
.tl { text-align: left !important; }
.vt { vertical-align: top !important; }
.vm, .middle { vertical-align: middle !important; }
.bold { font-weight: bold !important; }
.clearfix { *zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearboth { clear: both; }

.nodis {display: none!important; }
.m0 { margin: 0 !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }

.p0 { padding: 0 !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p30 { padding: 30px !important; }
.p40 { padding: 40px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }

.red{ color: #ef5344!important;}
.dark{color: #000!important;}
.gray{color: #757575 !important;}
.gray999{color: #999;}
.black{color: #333 !important;}
.green { color: #13CE66 !important;}
.blue { color: #2d8cf0 !important;}

.fs12{font-size: 12px!important;}
.fs14{font-size: 14px!important;}
.fs16{font-size: 16px!important;}
.fs18{font-size: 18px!important;}

.error-tip{ color: #f00;}
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.mw100, .mw100 *{max-width: 100% !important; }
.break-word,.break-word * {word-wrap: break-word!important;}
.flex-c{ display: flex; justify-content: center; align-items: center;}

.inline-block {display: inline-block !important;display: inline-block;zoom: 1;}


.text-muted {color: #777}
a.text-muted:hover {color: #777}
.text-primary {color: #1C7EBB}
a.text-primary:hover {color: #15608f}
.text-success {color: #229173}
a.text-success:hover {color: #186852}
.text-info {color: #26929C}
a.text-info:hover {color: #1c6c73}
.text-warning {color: #AF7F18}
a.text-warning:hover {color: #825e12}
.text-danger {color: #B13D31}
a.text-danger:hover {color: #892f26}

.b-1px { border: 1px solid #e6eaf0}
.bb-1px { border-bottom: 1px solid #e6eaf0}